<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--><html lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">

<!-- Viewport Metatag -->
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->

<!-- Plugin Stylesheets first to ease overrides -->

<!-- Required Stylesheets -->
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/bootstrap/css/bootstrap.min.css" media="screen">

<script type="text/javascript" src="__PUBLIC__/js/jquery-2.1.4.min.js"></script>


<style type="text/css">


    body{

        width: 1200px;
        /*height: 300px;*/
    }

    #sel{

        width: 174px;
        height: 30px;
        line-height: 30px;
    }




</style>
</head>

<body>
    
    <center>
        <div class="all">
            <div class="container">
            <div class="row">
                <div class="col-md-10">
                        <div class="panel panel-primary">
                          <div class="panel-heading">属性值更新</div>
                          <div class="panel-body">
                           
                          </div>
                            <form action="{:U('Admin/Attribute/newValue',array('id'=>$_GET['id']))}" method="post" id="form1" >
                                <table class="table">
                  
					
                            <tr>
                                <td></td>
                                <th>属性名称：</th>
                                <td><input type="text" name="attr_name" value="{$attr_name}" disabled=""></td>
                            </tr>
                            <tr class="atrv">
                                <td></td>
                                <th>属性值：</th>
                                <td>
                                     <input type="text" name="attr_val[]">&nbsp;&nbsp;<span class='add btn btn-info'>&nbsp;&nbsp;新增属性值</span>
                                </td>
                            </tr>
                            <tr>
                            <td></td>
                                <td><button type="submit" class="btn btn-primary">添加</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!-- <button class="btn btn-danger" id="btn1">重置</button> --></td>
                                <td></td>
                            </tr>
                          </table>
                            </form> 
                          </div>
                </div>
            </div>
        </div>
    </div>  
    </center>

        

</body>
</html>
<script>




$(function(){
            
        $("table").delegate("span","click",function(){
         
            var tr      = '<tr class="atrv"><td></td> <th>属性值：</th><td><input type="text" name="attr_val[]">&nbsp;&nbsp;<span class="add btn btn-info">&nbsp;&nbsp;新增属性值</span>&nbsp;&nbsp;<span class="cancel btn btn-danger">删除</span></td></tr>'

            var lastTr  = $(this).parent().parent();

            if ($(this).hasClass('add')) {

            	 lastTr.after(tr);

            };

            if ($(this).hasClass('cancel')) {


            	lastTr.remove();
            };

          
        
        });

})



</script>
